<template>
    <div id="tabbar">
        <slot>
        </slot>
    </div>
</template>

<script>
export default {
    name: 'Tabbar',

    data() {
        return {
            url:["afsddf"]
        };
    },

    mounted() {
        
    },

    methods: {
        
    },
};
</script>

<style lang="scss" scoped>
        #tabbar{
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100vw;
            height: 10vh;
            display: flex; 
            border-radius: 20px;
            justify-content: space-around;
            background: rgb(13, 248, 244);
            align-items: center;
            z-index: 999;
            div{
                flex: 1;
                text-align: center;
                height: 10vh;
            }
        }
</style>